{% extends "conmon/style2.html" %}{% block content %}
<style>
	.rowtable tbody tr td{min-width: 240px;max-width: 300px;}
</style>
<div class="layui-form layui-form-pane" action="">
<div class="container">
	<div class="header">
		<div class="Mytab">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<tr>
					<td width="5%">
						<p style="text-align: center;">*统一社会信用代码</p>
					</td>
					<td>
						<p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p>
					</td>
					<td width="6%">
						<p style="text-align: center;">*机构名称</p>
					</td>
					<td>
						<p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p>
					</td>
					<td width="6%">
						<p style="text-align: center;">*经办人员</p>
					</td>
					<td>
						<p><input type="text" style="text-align: left;" name="jbry" /></p>
					</td>
				</tr>
				<tr>
					<td width="10%">
						<p style="text-align: center;">*采集人</p>
					</td>
					<td>
						<p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p>
					</td>
					<td width="10%">
						<p style="text-align: center;">*税务机关</p>
					</td>
					<td>
						<p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p>
					</td>
					<td width="10%">
						<p style="text-align: center;">*变更日期</p>
					</td>
					<td>
						<p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p>
					</td>
				</tr>

			</table>
		</div>
	</div>
	<div class="layui-col-xs12">
			<div class="layui-inline ">
				<a class="layui-btn ryxz" type="button"><i class="layui-icon">&#xe615;</i> 人员新增</a>
				<a class="layui-btn" type="button"><i class="layui-icon">&#xe615;</i> 人员导入</a>
				<a class="layui-btn xxbg" type="button"><i class="layui-icon">&#xe615;</i> 机构信息变更</a>
				<a class="layui-btn rydr" type="button"><i class="layui-icon">&#xe615;</i> 人员信息变更</a>
				<a class="layui-btn mbxz" type="button"><i class="layui-icon">&#xe615;</i> 导入模板下载</a>
			</div>
		</div>
	<div class="header">
		<div class="Mytab" style="text-align:center;">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<thead>机构信息</thead>
				<tr>
					<td width="5%"><p style="text-align: center;">*资产总额（万元）</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled /></p></td>
					<td width="5%"><p style="text-align: center;">*是否分支机构</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled /></p></td>
				</tr>
				<tr>
					<td width="5%"><p style="text-align: center;">*股东或合伙人数</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled /></p></td>
					<td width="5%"><p style="text-align: center;">*服务状态</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled/></p></td>
				</tr>
				<tr>
					<td width="5%"><p style="text-align: center;">*机构类别</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled /></p></td>
					<td width="5%"><p style="text-align: center;">*发证机关</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled /></p></td>
				</tr>
				<tr>
					<td width="5%"><p style="text-align: center;">*发证日期</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled /></p></td>
					<td width="5%"><p style="text-align: center;">*人员总数</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled /></p></td>
				</tr>
				<tr>
					<td width="5%"><p style="text-align: center;">是否设立党支部(党组织)</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled /></p></td>
					<td width="5%"><p style="text-align: center;">微信公众号</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled /></p></td>
				</tr>
				<tr>
					<td width="5%"><p style="text-align: center;">网站网址</p></td>
					<td colspan="3"><p><input type="text" style="text-align: left;" value="自动带入，禁止修改" disabled /></p></td>
				</tr>		
			</table>
		</div>	 
	</div>
	<div class="main-top">
		<h3 class="main-title">
			<i class="layui-icon icon1" style="font-size: 23px; color: #1E9FFF;line-height: 38px;">&#xe631;</i>
			<span class="tj">查询条件</span>
		</h3>
		<div class="main-bd">
			<div class="layui-container">
				<form class="layui-form " action="">
					<div class="layui-col-xs12">
						<div class="layui-inline ">
							<label class="layui-form-label">姓名：</label>
							<div class="layui-input-inline">
								<input type="tel"  name="xm" id="xm" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline ">
							<label class="layui-form-label">身份证号码：</label>
							<div class="layui-input-inline">
								<input type="tel"  name="sfzhm" id="sfzhm" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline ">
							<label class="layui-form-label">学历：</label>
							<div class="layui-input-inline">
								<select name="xl"  id="mz11" lay-verify="required" lay-search="">
									<option value="">请选择</option>
								</select>
							</div>
						</div>
						<div class="layui-inline ">
							<a class="layui-btn" type="button" id="search">
								<i class="layui-icon">&#xe615;</i> 搜索
							</a>
						</div>
					</div>
					
					<div class="layui-form-item" style="margin-bottom:10px;"></div>
				</form>
			</div>
		</div>
	</div>
	<table id="demo" lay-filter="djtable"></table>
</div>
<script type="text/html" id="barDemo">
	<a class="layui-btn  layui-btn-mini new_int" lay-event="detail">变更</a>
	<a class="layui-btn  layui-btn-mini" lay-event="detail">离职</a>
</script>
</div>
<script>
layui.use('table', function(){
	var table = layui.table;
	
	table.render({
	elem: '#demo'
	// ,url:'/demo/table/user/'
	,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
	,data: [{
                    "id": "1",
                    "lei1": "孙悟空",
                    "lei2": "1234557789090034567",
					"lei3": "3",
					"lei4": "13888888888",
					"lei5": "大学本科毕业",
					"lei6": "待提交",
                }, {
                    "id": "2",
					"lei1": "孙悟空",
                    "lei2": "1234557789090034567",
					"lei3": "3",
					"lei4": "13888888888",
					"lei5": "大学本科毕业",
					"lei6": "待提交",
                }, {
                    "id": "3",
					"lei1": "孙悟空",
                    "lei2": "1234557789090034567",
					"lei3": "3",
					"lei4": "13888888888",
					"lei5": "大学本科毕业",
					"lei6": "待提交",
                }, {
                    "id": "4",
					"lei1": "孙悟空",
                    "lei2": "1234557789090034567",
					"lei3": "3",
					"lei4": "13888888888",
					"lei5": "大学本科毕业",
					"lei6": "待提交",
                }, {
                    "id": "5",
					"lei1": "孙悟空",
                    "lei2": "1234557789090034567",
					"lei3": "3",
					"lei4": "13888888888",
					"lei5": "大学本科毕业",
					"lei6": "待提交",
                }, {
                    "id": "6",
					"lei1": "孙悟空",
                    "lei2": "1234557789090034567",
					"lei3": "3",
					"lei4": "13888888888",
					"lei5": "大学本科毕业",
					"lei6": "待提交",
                }, {
                    "id": "7",
					"lei1": "孙悟空",
                    "lei2": "1234557789090034567",
					"lei3": "3",
					"lei4": "13888888888",
					"lei5": "大学本科毕业",
					"lei6": "待提交",
                },{
                    "id": "8",
					"lei1": "孙悟空",
                    "lei2": "1234557789090034567",
					"lei3": "3",
					"lei4": "13888888888",
					"lei5": "大学本科毕业",
					"lei6": "待提交",
                }]
	,cols: [[
		{field:'id', title: 'ID', sort: true}
		,{field:'lei1', title: '姓名'}
		,{field:'lei2', title: '身份证号码', sort: true}
		,{field:'lei3',  title: '资格证书'}
		,{field:'lei4', title: '移动电话'} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
		,{field:'lei5', title: '学历', sort: true}
		,{field:'lei6', title: '状态', sort: true}
		,{field:'classify', title: '操作',width: '30%',align: 'center',toolbar: '#barDemo'}
	]]
	});
});
</script>
<script>
  $('.ryxz').on('click', function(){
	  layer.open({
		type: 2,
		title: '涉税专业服务人员实名信息采集表',
		fix: false,
		maxmin: true,
		shadeClose: true,
		area: ['100%', '100%'],
		content: '/ssfw/add',
	  });
  });

   $('.xxbg').on('click', function(){
	  layer.open({
		type: 2,
		title: '涉税专业服务机构实名信息变更',
		fix: false,
		maxmin: true,
		shadeClose: true,
		area: ['100%', '100%'],
		content: '/ssfw/update',
	  });
  });
  $('.rydr').on('click', function(){
	  layer.open({
		type: 2,
		title: '涉税专业服务人员实名信息变更',
		fix: false,
		maxmin: true,
		shadeClose: true,
		area: ['100%', '100%'],
		content: '/ssfw/update2',
	  });
  });
</script>
<script>
	layui.use(['form', 'layedit', 'laydate'], function(){
		var form = layui.form
		,layer = layui.layer
		,layedit = layui.layedit
		,laydate = layui.laydate;
		
		//日期
		laydate.render({
		elem: '#date'
		});
		laydate.render({
		elem: '#date1'
		});
		
		//创建一个编辑器
		var editIndex = layedit.build('LAY_demo_editor');
		
		//自定义验证规则
		form.verify({
		title: function(value){
			if(value.length < 5){
			return '标题至少得5个字符啊';
			}
		}
		,pass: [/(.+){6,12}$/, '密码必须6到12位']
		,content: function(value){
			layedit.sync(editIndex);
		}
		});
		
		//监听指定开关
		form.on('switch(switchTest)', function(data){
		layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
			offset: '6px'
		});
		layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
		});
		
		//监听提交
		form.on('submit(demo1)', function(data){
		layer.alert(JSON.stringify(data.field), {
			title: '最终的提交信息'
		})
		return false;
		});			
	});
	</script>
{% endblock %}